@charset "utf-8";
.q{tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
.index-box{padding:10px 10px 0}

.user-item{background:#FFF;box-shadow: 0 0 5px #ccc;height: 116px;border-radius: 2px;}
.user-item .l{width: 105px;background: #f7f7f7;height:100%;float:left;text-align:center;font-size: 15px;color: #333;}
.user-item .l i{width: 40px;height: 45px;display:block;margin: 23px auto 5px;}
.user-item .l i.u-01{background:url(/resources/images/u-01.png) no-repeat center}
.user-item .l i.u-02{background:url(/resources/images/u-02.png) no-repeat center;background-size: 36px;}
.user-item .r{padding: 20px 0px 20px 105px;color: #666;}
.user-item .r .ico-user{font-size:14px;padding-left: 20px;background:url(/resources/images/ico-user.png) no-repeat left center;}
.data-info{overflow:hidden;text-align:center;font-size:14px;margin: 3px 0 0;display: -moz-box;display:-webkit-box;display:box;}
.data-info > a{border-left: dashed 1px #ddd;color: #888;-moz-box-flex: 1;-webkit-box-flex:1;box-flex:1;display: block;font-size: 13px;}
.data-info > a:first-child{border-left:none}
.data-info b{font-size:28px;color: #5b6267;margin-bottom:6px;display:block;}
.data-info b span{font-size:28px;color: #5b6267;margin-bottom:6px;display:block;}
.data-info b em{font-size: 14px;font-style: inherit;}
.data-info > a:hover b{color:#ff8041}
.data-info .icon img{width: 22px;h;height: 22px;margin-right: 3px;}
.i-header{height: 81px;overflow: hidden;padding-top: 10px;padding-right: 20px;}
.i-header .logo{height: 70px;margin-top: 3px;}
.i-header .logo a{display: table-cell; vertical-align: middle; text-align: center; height: 92px;}
.i-header .logo img{max-height: 100%;width:auto;}
.i-header .search-box{width: 412px;overflow: hidden;height: 38px;margin-top: 18px;}
.i-header .search-box .s-txt{float: left;width: 308px;height: 34px;border: solid 2px #2a6494;padding:0 13px;border-right: none;}
.i-header .search-box .s-btn{height: 38px;width: 76px;background: #2a6494;color:#FFF;border: none;font-size: 14px;}
.i-header .car-btn{width: 75px;height: 37px;line-height: 37px;border:solid 1px #E7E7E7;background: url(/resources/images/ico-car.png) no-repeat 15px center #FAFAFA;padding-left: 44px;margin: 18px 0 0 52px; position:relative}
.i-header .car-btn:hover{background-color:#eee}
.i-header .car-btn .num{position:absolute;width: 15px;height: 15px;background: #f34f4f;color:#FFF;text-align: center;font-style: initial;line-height: 15px;border-radius: 50%;font-size: 12px;top: 5px;right: 5px;}


.i-nav{overflow:hidden;padding-left: 1px;padding-top: 1px;padding-right: 19px;}
.i-nav li{float:left;width: 14.15%;height: 34.2px;l;li;line-height: 34px;display: block;border:solid 1px #eee;text-align: center;margin-left: -1px;margin-top: -1px;position:relative}
.i-nav li:before{content:">";position:absolute;right:10px;font-family: cursive;color: #d2d2d2;}
.i-nav li:last-child{background: #fbfbfb;font-weight:700;line-height: 23px;}
.i-nav li:last-child a{font-size:24px}
.i-nav li:last-child:before{ display:none}


.user-info{/*margin-top: 13px;*/border:solid 1px #eee;border-bottom: none;position:relative;min-height: 82px;padding-left: 85px;box-shadow: 0 -2px 5px #eee;border-radius: 2px;background: #fbfbfb;overflow: hidden;}
.user-info .pic{position:absolute;top: 10px;left: 10px;width: 62px;height: 62px;border-radius: 50%;}
.user-info .pic img{ width:100%}
.user-info .txt{color:#666;margin: 12px 10px 0 0;}
.user-info .txt .user-ico{color:#333;font-size:14px; display:block;margin-bottom:3px;background:url(/resources/images/ico-user.png) no-repeat left center;padding-left:20px;}
.news-wrap {border:solid 1px #eee;border-top:none;box-shadow: 0 1px 5px #eee;}
.news-wrap .n-tab{background:#fbfbfb;overflow:hidden;border-bottom: solid 1px #eaeaea;}
.news-wrap .n-tab > a{float:left;width: 47px;height: 20px;line-height: 20px;text-align:center;margin: 0 0 0 9px;border-radius: 5px 5px 0 0;background: #eaeaea;}
.news-wrap .n-tab > a.on{background: #2a6494;color:#FFF;}
/* .news-wrap .n-cont{ padding:0 10px;} */
.news-wrap .n-cont li{height: 26px;line-height: 26px;border-bottom:dashed 1px #eee;}
.news-wrap .n-cont li:last-child{border-bottom:none}

.i-title{height:45px;line-height:45px;font-size:16px;color: #333;font-weight: 700;background: url(/resources/images/ico-floorico.png) no-repeat left center;padding-left: 28px;}
.i-title div{font-size:16px;}
.ibox-wrap{padding-right: 315px;width:100%;position:relative;} 
.ibox-wrap .act-pro-wrap{width:100%}
.act-pro01 li{border:solid 1px #eee;float:left;margin-right: 20px;margin-bottom: 20px;width: 200px;padding: 1px;position: relative;}
.act-pro01 li .pic {width: 200px;height: 200px;display:table-cell;text-align:center;}
.act-pro01 li .pic img{width:auto;max-width:100%;max-height:100%;min-width: 200px;}
.act-pro01 li .name a{margin: 7px 10px  3px;font-size: 14px;color:#333;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height: 40px;line-height: 19px;}
.act-pro01 li .price{margin: 0 10px 10px;color:#F60;}
.act-pro01 li .price em{font-style:initial;font-size:16px}
.act-pro01 li .price del{color:#999;margin-left:5px;}
.act-pro01 li .ltime{margin: 12px -1px 10px 0;position:relative;display: inline-block;padding: 0 8px 0 15px;background: #ff8041;float: right;position: absolute;right: 0;top: 0;color: #FFF;}
.act-pro01 li .ltime:after{content:"";background:url(/resources/images/ico-itime.png) no-repeat center;width: 16px;height:16px;position:absolute;display:block;left: -6px;top: 0;}
.act-pro01 li .hide-mask{position:absolute;width: 204px;height:200px;background:rgba(0,0,0,0.2); opacity:0;top: 0;left: -1px;-webkit-transition: all .2s ease-in;-moz-transition: all .2s ease-in;-o-transition: all .2s ease-in;transition: all .2s ease-in;}
.act-pro01 li .hide-wrap{position:absolute;bottom:0;left:0;width:100%;background:#FFF;height: 0;overflow:hidden;-webkit-transition: all .2s ease-in;-moz-transition: all .2s ease-in;-o-transition: all .2s ease-in;transition: all .2s ease-in;}
.act-pro01 li .cart,.act-pro01 li .buy{width: 86px;display: block;height: 26px;background: #3c83bd;color: #fff;border-radius: 3px;text-align: center;line-height: 25px;margin: 6px 0 0 10px;cursor: pointer;float:left;}
.act-pro01 li .buy{background: #f15d5d;}
.act-pro01 li:hover .hide-mask{opacity:1}
.act-pro01 li:hover .hide-wrap{height: 38px;}
.box-right{position:absolute;top:10px;left:10px;width: 26%;} /* top:0 -->10px width: 312px-->26% right -->left:10px */
.shortcut{overflow:hidden;border-top: solid 1px #eee;border-left: solid 1px #eee;box-shadow: 0 0 5px #eee;border-radius:2px;margin-bottom: 15px;}
.shortcut > a{float: left;border-right: 1px solid #eee;border-bottom: 1px solid #eee;width: 102.5px;height: 87px;text-align: center;font-size: 13px;background:#fefefe}
.shortcut > a:nth-child(2n){background:#fcfcfc}
.shortcut img{width:32px;height:32px;display:block;margin: 12px auto 5px;}
.hot-pro-wrap ul{border:solid 1px #eee;padding: 0 10px;box-shadow: 0 0 5px #eee;border-radius: 2px;}
.hot-pro-wrap li{border-bottom:dashed 1px #eee;position:relative;padding-left:95px;min-height: 97px;padding-top: 10px;}
.hot-pro-wrap li:last-child{border-bottom:none}
.hot-pro-wrap li .pic{position:absolute;top: 10px;left:0;width:85px;height:85px;}
.hot-pro-wrap li .pic img{ width:100%}
.hot-pro-wrap li .num{ position:absolute;top:0; left:0;color:#FFF; }
.hot-pro-wrap li em{position:relative;z-index:2;font-style:initial;display: block;width: 13px;text-align: center;}
.hot-pro-wrap li .num:before{content:"";width: 0;height: 0;border-top: 25px solid #bbb;border-right: 25px solid transparent;position:absolute;}
.hot-pro-wrap li:nth-child(1) .num:before{border-top: 25px solid #f34f4f;}
.hot-pro-wrap li:nth-child(2) .num:before{border-top: 25px solid #fb9c26;}
.hot-pro-wrap li:nth-child(3) .num:before{border-top: 25px solid #eccd30;}
.hot-pro-wrap li .name{font-size:15px;font-weight:400;color:#333;margin: 4px 0 5px;line-height: 17px;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.hot-pro-wrap li .t{ color:#999}
.hot-pro-wrap li .price{color:#F60;display:block;margin-top:3px}
.hot-pro-wrap li .price em{font-size:16px;display:inline}
.hot-pro-wrap li .btn{ position:absolute;bottom:10px;right:0;padding:0 6px; height:24px; line-height:24px; background:#f15d5d;color:#FFF; border-radius:3px;}

.i-header .search-box .s-btn:hover{background-color:#3879d9;}
.hot-pro-wrap li a .btn:hover{background:#f34f4f;}
.act-pro01 li .tag {
    background: #15d4b5;
    color: #FFF;
    position: absolute;
    left: -2px;
    top: -2px;
    width: 65px;
    text-align: center;
    height: 32px;
    line-height: 32px;
    border-radius: 0 0 12px 0;
    font-size: 15px;
}
.act-pro01 li .btn-cart {
    float: right;
    margin-right: 9px;
    background: url(/resources/images/button/ico-add-p.png) no-repeat center;
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: absolute;
    top: 169px;
    right: 0;
    border: solid 2px #fff;
    border-radius: 50%;
}
#fly-img {
    position: absolute;
    right: 158px;
    top: 30px;
}
.u-flyer{display: block;width: 50px;height: 50px;border-radius: 50px;position: fixed;z-index: 9999;}
.news-wrap .n-cont ul{
	height: 162px;
    overflow-y: scroll;
    overflow-x: hidden;
}